@charset "UTF-8";
/* CSS Document */
img{ display:block;}
/*banner*/
.slide-main{height:500px;position:relative;}
.item{display:block;width:100%;height:10px;position:absolute;z-index:124;top:480px;left:0;text-align:center;}
.item a{
  display:inline-block;width:10px;height:10px; border-radius:100%;margin-right:11px;background:#333;
  opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;
}
.item a.cur{background: #4CCDDC;}
.slide-box,.slide{display:block;width:100%;height:500px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:500px;position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:500px;cursor:pointer;}
/*title*/
.chanjet-box-txt{
	width:100%;
	margin:80px auto 0;	
}
.bg-xian{
	background:url(../images/xian.jpg) no-repeat center -10px;
	background-size:cover;
}
.chanjet-title{ width:1000px; margin:0 auto 16px; text-align:center;}
.line-text{font-size:28px; color:#292E30 ; width:100%; text-align:center;}
.p-chanjet{margin:0 auto;font-size:14px;line-height:24px;color:#768187;text-align:center; padding-bottom:40px;}
/*card-list*/
.list-accout-card {
    width: 100%;
    min-width: 1200px;
    height: auto;
    padding-bottom: 50px;
}
.list-accout-card ul {
    width: 1172px;
    margin: 0 auto;
    padding: 10px 0;
}
.list-accout-card ul li {
    float: left;
    width: 364px;
    height: 421px;
    border: 1px solid #ccc;
}
.list-accout-card ul li:hover{ box-shadow: 0 0 20px 1px #ccc;border: 1px solid #41B2EE}
.account-card-an{
	background:url(../images/list-an.jpg) no-repeat center top;
	background-size: cover;
}
/*.account-card-an:hover{
	background:url(../images/list-an-h.jpg) no-repeat center top;
	background-size:280px auto;
}*/
.account-card-zhi{
	background:url(../images/list-zhi.jpg) no-repeat center top;
	background-size: cover;
}
.words {
    width: 100%;
    height: 256px;
    text-align: center;
    margin-top: 168px;
}
.words .headW {
    font-size: 30px;
    color: #41B2EE;
    padding-bottom: 20px;
}
.words .titleW {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 50px;
    color: #333;
}
.words .contentW {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}
/*.account-card-zhi:hover{
	background:url(../images/list-zhi-h.jpg) no-repeat center top;
	background-size:280px auto;
}*/
.account-card-yi{
	background:url(../images/list-yi.jpg) no-repeat center top;
	background-size: cover;
}
/*.account-card-yi:hover{
	background:url(../images/list-yi-h.jpg) no-repeat center top;
	background-size:280px auto;
}*/
/*轮播介绍*/
.slides-box {
    margin-top: 30px;
    width: 100%;
	min-width:1200px;
    height: 350px;
	background:url(../images/bg-bule.jpg) no-repeat center top;
	background-size: cover;
    overflow: hidden;
	position:relative;
}
.slides {
    
    height: 350px;
    width: 1200px;
    margin:0 auto;
}
.slides li {
	
    width:  100%;
    height: 350px;
}
.slides li img{
    
    width: 100%;
    margin: auto;
}
.prev, .next {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -40px;
    left: 150px;
    height: 70px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    z-index: 100;
}
.prev:hover{
	background:url(../images/lunbo-l-h.png) no-repeat;
	background-size:30px auto;
}
.next:hover{
	background:url(../images/lunbo-r-h.png) no-repeat;
	background-size:30px auto; 
}
.prev{
	background:url(../images/lunbo-l.png) no-repeat;
	background-size:30px auto; 
}
.next {
    left: auto;
    right: 150px;
    background:url(../images/lunbo-r.png) no-repeat;
	background-size:30px auto; 
}
.lunbo-one{ 
  width:1200px;
  margin:0 auto;
  height:350px;
  padding-left:540px;
  padding-top:60px;
  background:url(../images/lunbo1.png) no-repeat 140px 64px;
  background-size:360px auto;
  color:#fff;
 }
 .lunbo-icon-box div{
  width:70px;
  height:90px;
  padding-top:54px;
  float:left;
  text-align:center;
  background-size:50px auto;
}
.lunbo-icon-style1{ background:url(../images/lunbo-icon1.png) no-repeat center top;}
.lunbo-icon-style2{ background:url(../images/lunbo-icon2.png) no-repeat center top;}
.lunbo-icon-style3{ background:url(../images/lunbo-icon3.png) no-repeat center top;}
.lunbo-two{ 
  width:1200px;
  margin:0 auto;
  height:350px;
  padding-left:540px;
  padding-top:60px;
  background:url(../images/lunbo2.png) no-repeat 140px 54px;
  background-size:360px auto;
  color:#fff;
 }
 .lunbo-three{ 
  width:1200px;
  margin:0 auto;
  height:350px;
  padding-left:540px;
  padding-top:60px;
  background:url(../images/lunbo3.png) no-repeat 140px 54px;
  background-size:380px auto;
  color:#fff;
 }
 .lunbo-four{ 
  width:1200px;
  margin:0 auto;
  height:350px;
  padding-left:540px;
  padding-top:60px;
  background:url(../images/lunbo4.png) no-repeat 260px 54px;
  background-size:200px auto;
  color:#fff;
 }
 
 .box-title-account{
	  width:1200px;
	  height:50px;
	  margin:80px auto 0; 
	  border-top:1px solid #52bdff;
	  position:relative;
}
.box-title-account ul{ position:absolute; top:-18px; left:50%; margin-left:-320px;}
.box-title-account ul li{
	float:left; width:120px; height:34px; line-height:32px; text-align:center;
	border:1px solid #52bdff; border-radius:4px; color:#52bdff;
	font-size:18px; font-weight:700; margin:0 20px; background:#fff;
}
/*yun*/
.account-con{
	width:1150px;
	height:480px;
	margin:0 auto;
	background:url(../images/account-b.png) no-repeat center;
	background-size:940px auto;
	position:relative;
}
.account-con-img{
	width: 320px;
	float: left;
	margin-left: 326px;
	margin-top: 131px;
}
.account-con-img img{ width:100%;}
.account-con-text{ color:#666; font-size:14px;}
.account-con-text:hover{ color:#52bdff;}
.account-con-text .fz18{ margin-bottom:4px;}
 
/*套餐*/ 
.package-box{ width:1200px; margin:40px auto; padding:0 70px;}
.package-box ul li{ width:300px;float:left;}
.package-box ul li h2 {
    font-weight: 800;
}
.package-top {
    width: 100%;
    height: 420px;
    border: 1px solid #d8d8d8;
    color: #666;
    font-size: 16px;
    text-align: center;
    position: relative;
}
.drop-icon-style {
    width: 16px;
    position: absolute;
    top: 145px;
    left: 50%;
    margin-left: -8px;
}
.package-top p{ line-height:32px;}
.lines {
    margin-left: 5px;
    padding-left: 15px;
    background: url(../images/point.jpg) no-repeat center left;
}


.package-lightBule {
    wdith: 100%;
    padding-top: 90px;
    height: 156px;
    background: url(../images/package1.png) no-repeat center 18px #52bdff;
    background-size: 60px auto;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.package-Bule {
    wdith: 100%;
    padding-top: 90px;
    height: 156px;
    background: url(../images/package2.png) no-repeat center 18px #52bdff;
    background-size: 60px auto;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.package-darkBule {
    wdith: 100%;
    padding-top: 90px;
    height: 156px;
    background: url(../images/package3.png) no-repeat center 18px #52bdff;
    background-size: 60px auto;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.package-price {
    text-align: center;
    font-size: 18px;
    color: #666;
    margin: 20px 0;
    font-weight: 600;
}
.btn-package{ 
    display:block;
	width:120px;
	margin:0 auto;
	text-align:center;
	height:34px;
	line-height:34px;
	border-radius:4px;
	color:#fff;
	font-size:16px;
}
.btn-bg-lb{ background:#52bdff;}
.btn-bg-b{ background:#3a779c;}
.btn-bg-y{ background:#fea301;margin-left: 20px}
.btn-bg-db{ background:#0e4261;}
.btn-goumai{ display:block; width:60px; text-align:center; margin:10px auto 0; font-size:16px; color:#666; text-decoration:underline;}
 
/*客户案例*/
.anli-style{width:100%; min-width:100%; padding:40px 0 120px;}
.anli-list{ width:1170px; margin:60px auto 0;}
.anli-list li{float:left; width:240px; text-align:center; margin-right:60px;}
.font-text3{ font-size:14px;line-height:24px; width:600px; margin:0 auto; text-align:center; color:#768187;}
.anli-img{ width:90px; height:90px; border-radius:100%; margin:0 auto 16px;}
.anli-img img{width:90px; height:90px;}
/*智能�?/
.account-yun{
	width:100%;
	min-width:1200px;
	height:240px;
	background: url(../images/zhi-bg.jpg) no-repeat center #282828;
	background-size:500px auto;
	color:#fff;
	text-align:center;
	padding-top:80px;
}

.oval {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -40%;
    width: 80%;
    height: 30px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #40B2EE;
    color: #40B2EE;
    line-height: 28px;
    text-align: center;
}


/*btn-group*/
.account-btn{
	width:100%;
	min-width:1200px;
	height:100px;
	padding-top:22px;
	background:url(../images/xian.jpg) no-repeat center;
	background-size:cover;
}
.account-btn ul{
	width:1000px;
	margin:0 auto;
}
.account-btn ul li{
	width:180px;
	height:56px;
	line-height:56px;
	float:left;
}
.account-btn ul li a{
	display:block;
	width:180px;
	height:57px;
	line-height:56px;
	padding-left:20px;
	border:1px solid #666;
	color:#666;
	background:url(../images/icon-j-h.png) no-repeat 140px center;
	background-size:20px auto;
	font-size:22px;	
}
.account-btn ul li a:hover{
	background:url(../images/icon-j.png) no-repeat 140px center #312f38;
	color:#fff;
}
/*浮动*/
.gong-phone-box{position:fixed; right:0; bottom:50px; z-index:200;}
.gong-phone-box{width:77px; height:455px; float:right; overflow:hidden;}
.im_1{background:url(../images/im_img_1.jpg) no-repeat; width:77px; height:95px; float:left;}
.im_1:hover{background:url(../images/im_img_hover.jpg) no-repeat;}
.im_1_enter{background:url(../images/im_img_2_hover.jpg) no-repeat; width:77px; height:95px; float:left;}
.im_1_enter:hover{background:url(../images/im_img_2.jpg) no-repeat;}
.im_2{background:url(../images/im_img_1.jpg) no-repeat; background-position:0 -95px; width:77px; height:96px; float:left;}
.im_2:hover{background:url(../images/im_img_hover.jpg) no-repeat;background-position:0 -95px;}
.im_3{background:url(../images/im_img_1.jpg) no-repeat; background-position:0 -191px; width:77px; height:96px; float:left; cursor:pointer;}
.im_3:hover{background:url(../images/im_img_hover.jpg) no-repeat;background-position:0 -191px;}
.im_4{background:url(../images/im_img_1.jpg) no-repeat; background-position:0 -191px; width:77px; height:96px; float:left;}
.im_4:hover{background:url(../images/im_img_hover.jpg) no-repeat;background-position:0 -191px;}
.im_5{background:url(../images/im_img_1.jpg) no-repeat; background-position:0 -287px; width:77px; height:72px; float:left;}
.im_5:hover{background:url(../images/im_img_hover.jpg) no-repeat;background-position:0 -287px;}
.im_6{background:url(../images/im_img_1.jpg) no-repeat; background-position:0 -479px; width:77px; height:77px; float:left;}
.im_6:hover{background:url(../images/im_img_hover.jpg) no-repeat;background-position:0 -479px;}
.head-pop{ 
   width: 110px;background:#fff; position:absolute; top:35px;left:-13px; z-index:400;           
   border-radius:3px; padding:10px;
   -moz-box-shadow: 0px 0px 2px #aaa;-webkit-box-shadow: 0px 0px 2px #aaa;box-shadow: 0px 0px 2px #aaa;
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#aaaaaa');
}
.land-icon{ width:102px; height:18px;background:url(../images/c_02.png) no-repeat; position:absolute; top:-8px; left:17px;}
div.head-pop ul li{float: none;}
div.head-pop ul li a{ 
 display:block; width:90px;height:30px;line-height:30px;
 color:#333; text-align:left; padding-left:6px;
}
div.head-pop ul li a:hover{ background:#eaeaea;}
.pop-pay-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:500; color:#666;}
.pay-bg{
	 background:#000; 
	 filter:alpha(opacity=40);  
     -moz-opacity:0.4;  
     -khtml-opacity: 0.4;  
     opacity: 0.4;
	 width:100%; height:100%;
}
.pop-pay-tab3{ 
  background-color:#fff;
  position:absolute;margin-left:50%; top:100px; left:-180px; z-index:110;
}
.pop-txt-wei{
  width:360px; padding:70px 30px 60px; text-align:center;
}
.pop-btn-goumai, .pop-btn-huise{ 
  display: inline-block; width:240px; height:40px; line-height:40px; text-align:center;
  border-radius:3px; 
}
.pop-btn-goumai{ background:#ff4b47;color:#fff; margin-top:40px;}
.pop-btn-goumai:hover{
  box-shadow: 0 0 15px rgba(255,75,71,0.50);
  -webkit-box-shadow: 0 0 15px rgba(255,75,71,0.50);
  -ms-box-shadow: 0 0 15px rgba(255,75,71,0.50);
}
/*2017.08.08---product*/
.two-level-banner{
	width:100%;
	min-width:1200px;
	height:400px;
	background:url(../images/caiwu-banner.jpg) no-repeat center;
	background-size:cover;
	position: relative;
}
.tab-bigBox{
	width:1155px;
	min-height:400px;
	margin:0 auto 20px;
	background:#fff;
	-moz-box-shadow:0 2px 12px rgba(0,0,0,0.2); 
    -webkit-box-shadow:0 2px 12px rgba(0,0,0,0.2);  
    box-shadow:0 2px 12px rgba(0,0,0,0.2);
	position:relative;
}
.tab-box-title{ 
    position:absolute; bottom: 0px; left:50%; z-index:10;margin-left: -577.5px;
	background:#fff;
	border-bottom:1px solid #f5f5f5;
}
.tab-box-title li{
	float:left;
	width:165px;
	height:60px;
	line-height:60px;
	border-right:1px solid #ebebeb;
	color:#333;
	font-size:18px;
	position:relative;
}
.tab-box-title li a{
	display:block;
	width:165px;
	height:60px;
	padding-left:56px;
	color:#333;
}
.bg-cai{ background:url(../images/cai-icon.png) no-repeat 28px center;}
.bg-fa{ background:url(../images/fa-icon.png) no-repeat 28px center;}
.bg-shui{ background:url(../images/shui-icon.png) no-repeat 28px center;}
.bg-guan{ background:url(../images/guan-icon.png) no-repeat 28px center;}
.bg-pei{ background:url(../images/pei-icon.png) no-repeat 24px center;}
.bg-duan{ background:url(../images/duan-icon.png) no-repeat 22px center;}
.bg-video{ background:url(../images/video-icon.png) no-repeat 24px center;}
.tab-box-title li.tab-level-active{background:#41b2ed;}
.tab-box-title li.tab-level-active a{ color:#fff;}
.tab-level-active .bg-cai{ background:url(../images/cai-icon-h.png) no-repeat 28px center;}
.tab-level-active .bg-fa{ background:url(../images/fa-icon-h.png) no-repeat 28px center;}
.tab-level-active .bg-shui{ background:url(../images/shui-icon-h.png) no-repeat 28px center;}
.tab-level-active .bg-guan{ background:url(../images/guan-icon-h.png) no-repeat 28px center;}
.tab-level-active .bg-pei{ background:url(../images/pei-icon-h.png) no-repeat 24px center;}
.tab-level-active .bg-duan{ background:url(../images/duan-icon-h.png) no-repeat 22px center;}
.tab-level-active .bg-video{ background:url(../images/video-icon-h.png) no-repeat 24px center;}
.tab-level-active .drop-white-level{
	display:block;
	width:14px;
	height:14px;
	background:url(../images/drop-icon.png) no-repeat center top;
	position:absolute;
	bottom:-4px;
	left:80px;
}
.tab-icon-title{
	font-size:32px;
	padding-left:50px;
	margin-bottom:10px;
}
.padding-tab-box{padding:80px 60px 0 50px;}
.spot-style{ padding-left:24px; background:url(../images/icon-spot.png) no-repeat left center; line-height:26px; font-size:16px; color:#999;}
.cai-icon1{ background:url(../images/cai-01.jpg) no-repeat left center; background-size:40px auto;}
.cai-icon2{ background:url(../images/cai-03.jpg) no-repeat left center; background-size:40px auto;}
.cai-icon3{ background:url(../images/cai-05.jpg) no-repeat left center; background-size:40px auto;}
.cai-icon4{ background:url(../images/cai-07.jpg) no-repeat left center; background-size:40px auto;}
.fa-icon1{ background:url(../images/fa-01.jpg) no-repeat left center; background-size:40px auto;}
.fa-icon2{ background:url(../images/fa-03.jpg) no-repeat left center; background-size:40px auto;}
.fa-icon3{ background:url(../images/fa-05.jpg) no-repeat left center; background-size:40px auto;}
.shui-icon1{ background:url(../images/shui-01.jpg) no-repeat left center; background-size:40px auto;}
.shui-icon2{ background:url(../images/shui-03.jpg) no-repeat left center; background-size:40px auto;}
.shui-icon3{ background:url(../images/shui-05.jpg) no-repeat left center; background-size:40px auto;}
.shui-icon4{ background:url(../images/shui-07.jpg) no-repeat left center; background-size:40px auto;}
.guan-icon1{ background:url(../images/guan-01.png) no-repeat left center; background-size:40px auto;}
.guan-icon2{ background:url(../images/guan-03.jpg) no-repeat left center; background-size:40px auto;}
.pei-icon1{ background:url(../images/pei-01.jpg) no-repeat left center; background-size:40px auto;}
.pei-icon2{ background:url(../images/pei-03.jpg) no-repeat left center; background-size:40px auto;}
.pei-icon3{ background:url(../images/pei-05.jpg) no-repeat left center; background-size:40px auto;}
.duan-icon1{ background:url(../images/duan-01.jpg) no-repeat left center; background-size:46px auto;}
.duan-icon2{ background:url(../images/duan-03.jpg) no-repeat left center; background-size:40px auto;}
/*2017.08.15--price*/
.price-Title{
	width:100%;
	min-width:1200px;
	height:220px;
	background: url(../images/price-bg.jpg) no-repeat center;
	background-size:auto 200px;
	text-align:center;
	padding-top:30px;
}
.fz-price{ font-size:30px; font-weight:700; margin-bottom:14px;}
.price-Title .fz16{ color:#999; line-height:24px;}
.price-list{ width:100%; min-width:1200px; padding:30px 0 50px;}
.price-list ul.price-box{
	width:1200px;
	margin:0 auto;
} 
.price-list ul.price-box .price-box-li{
	width:285px;
	height:auto;
	margin-right:20px;
	padding:135px 0 0;
	float:left;
}
.price-yellow{ background:url(../images/price-y.jpg) no-repeat center top; background-size:285px auto;}
.price-green{ background:url(../images/price-g.jpg) no-repeat center top; background-size:285px auto;}
.price-bule{ background:url(../images/price-b.jpg) no-repeat center top; background-size:285px auto;}
.price-black{ background:url(../images/price-black.jpg) no-repeat center top; background-size:285px auto;}
.price-number{ font-size:30px; text-align:center; margin-bottom:10px;}
.price-text{ color:#999; text-align:center; margin-bottom:6px;}
.zhangtao-num{ font-size:18px; margin-bottom:40px; text-align:center;}
.zhangtao-num span{ padding:0 40px;}
.ring-list li{
	list-style:inside;
	color:#666;
	margin-bottom:20px;
	font-size:14px;
}
.price-btn-box{
	width:100%;
	border-top:1px solid #ededed;
	padding-top:26px;
}
.price-btn-style{
	display:block;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	margin:0 auto;
	font-size:18px;
	border-radius:4px;
}
.price-btn-yellow{ background:#f6cc4a;}
.price-btn-green{ background:#2ae36d;}
.price-btn-bule{ background:#19c4dd;}
.price-btn-black{ background:#2d2d2d;}
.price-l{
	width:100%;
	min-width:1200px;
	text-align:center;
	padding-top:30px;
	padding-bottom:50px;
}
.fz-bule{ color:#000000; font-size:43px; margin-bottom:22px; }
.price-l .fz16{ color:#999;}
.black-drop{
	width:30px;
	height:50px;
	background:url(../images/price-black-icon.png) no-repeat center top;
	background-size:30px auto;
	position:absolute;
	top:0;
	right:30px;
}
.blue-drop{
	width:30px;
	height:50px;
	background:url(../images/price-b-icon.png) no-repeat center top;
	background-size:30px auto;
	position:absolute;
	top:0;
	right:30px;
}

.infoImg{ width:800px; margin:0 25px;}
.infoImg img{ text-align:center; display:inline; max-width:800px;}



/*智能云*/
.account-yun{
	width:100%;
	min-width:1200px;
	height:240px;
	background: url(../images/zhi-bg.jpg) no-repeat center #282828;
	background-size:500px auto;
	color:#fff;
	text-align:center;
	padding-top:80px;
}

.index_news{ width:1200px; margin:40px auto; background:#fff; } 
.listnews{ width:600px; float:left;}
.listnews h2{ font-size:20px; font-weight:bold; border-bottom:#ddd solid 1px; padding-bottom:10px; margin-bottom:15px; color:#f86e47; }
.listnews span{ float:right; font-size:12px; font-weight:normal;}
.listnews span a{ color:#666;}
.listnews span a:hover{ color:#F33;}
.listnews ul{padding:20px; margin-top:20px;}
.listnews ul li{ height:35px; line-height:35px;  background:url(../images/bullet_arrow.gif) no-repeat left center; text-indent:10px;}
.listnews ul li a{ color:#333; font-size:15px; font-weight:bold;}
.listnews ul li a:hover{ color:#F30;}
.listnews ul p{ margin-bottom:20px; font-size:12px; color:#999;}
.mt20{ margin-top:20px;}